<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 浏览器组成部分
        // 1.用户界面:用户看到浏览器的样子
        // 2. 浏览器引擎:让浏览器运行的程序接口集合,主要是查询和操作渲染引擎
        // 3.渲染引擎:解析HTML\CSS,将解析的结果渲染到页面的程序
        // 4.网络:进行网络请求的程序
        // 5.UI后端:绘制组合选择框及对话框等基本组件的程序
        // 6.JS解析器:解释执行JS代码的程序
        // 8.数据存储:浏览器存储相关的程序cookie\storage

        // 渲染:用一个特定的软件将模型(一个程序)转化为用户能看见的图像的过程
        // 渲染引擎:内部具备一套绘制图像方法集合,渲染引擎可以让特定的方法执行把HTML\css代码解析成图像显示在浏览器窗口中

        // <!DOCTYPE html>
        // 声明<!DOCTYPE html>表示使用标准模式解析
        // 没有声明的时候就是怪异模式

        // 渲染模式
        // DTD:文档类型定义
        // 种类:严格模式(Strict) 过度版本(Transitional) 框架版本(Frameset)
        // Strict:文档结构与表现形式实现了更高的分离,页面的外观用css来控制
        // Transitional:包含了HTML4.01版本的全部标记,从HTML的使用过度到xhtml
        // Frameset 使用<Frameset>以框架的形式将网页分为多个文档
    </script>
</body>

</html>